import React, { Component } from 'react'
// 非受控组件
// 重点使用ref
//    1.ref的属性值为字符串，类似vue --- 严格模式下爆出了警告信息
export default class App extends Component {
  render() {
    return (
      <div>
        <div>
          用户名：<input ref="username" type="text" placeholder="用户名"/>
        </div>
        <div>
          密码： <input ref="password" type="password" placeholder="密码"/>
        </div>
        <div>
          上传 <input ref="file" type="file"/>
        </div>
        <div>
          预览 <img ref="img" src="" alt=""/>
        </div>
        <button onClick = { () => {
          console.log({
            username: this.refs.username.value,
            password: this.refs.password.value
          })
        } }>获取数据</button>
      </div>
    )
  }
}
